<%@	page import ="java.util.ArrayList" %>
<%@	page import ="java.util.Iterator" %>
<%@	page import ="java.util.List" %>
<%@	page import ="com.adisi.objetos.Usuario" %>
<%@	page import ="com.adisi.objetos.TipoDocumento" %>
<%@	page import ="com.adisi.objetos.Perfil" %>
<%@	page import ="com.adisi.objetos.UsuarioManager" %>


<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<jsp:directive.include file="headerComun.jsp" />
<body>
<%
	UsuarioManager um = new UsuarioManager();

	Usuario user = (Usuario)request.getAttribute("usuario");

	ArrayList<Perfil> perfiles = (ArrayList<Perfil>)request.getAttribute("perfiles");
	
%>	
<div class="container">

	<jsp:directive.include file="menuNavegacion.jsp" />
	
	<div class="row">
		<div class="col-md-8">
				<h2>Asignaci&oacute;n de perfiles</h2>
		</div>
	</div>
	<div class="col-md-10 column col-md-offset-1">
		<script>
			$(document).ready(function(){
				$('#btnAsignar').click(function(){
					return !$('#perfiles option:selected').remove().appendTo('#perfiles_asignados');
				});
				$('#btnDesasignar').click(function(){
					
					return !$('#perfiles_asignados option:selected').remove().appendTo('#perfiles');
				});
				$("#btnGrabar").on('click',function(){
					$('#perfiles_asignados option').prop('selected', true);
				});
				
			});
		</script>	
		<form role="form" action="usuario" method="post" name="formulario" id="formulario">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title">
						Usuario <%=user.getNick()%>
						<small><%=user.getApellido()%>, <%=user.getNombre()%></small>
					</h3>
				</div>
				<div class="panel-body">		
					<div class="row">
						<div class="col-md-12">
						
							<div class="form-group" style="display:hidden">
								<input type="hidden" id="usuario_id" name="usuario_id" value="<%=user.getIdUsuario()%>">
								<input type="hidden" id="usuario_accion" name="usuario_accion" value="asignarPerfiles">
							</div>
							<div class="row">
								<div class="col-md-5">
									<div class="form-group">
										<label for="perfiles">Perfiles disponibles</label>
										<select size="8" name="perfiles" id="perfiles" class="form-control" multiple="multiple">
										<%
											for(int i = 0; i < perfiles.size(); i++) {
												
										%>
												<option value="<%= perfiles.get(i).getIdPerfil() %>" title="<%= perfiles.get(i).getDetallePerfil()%>"><%= perfiles.get(i).getNombrePerfil()%></option>
										<% } %>
										</select>
									</div>											
								</div>
								<div class="col-md-2">
									<div style="height=340px;">&nbsp;</div>
									<div class="btn-group btn-group-justified">
										<button type="button" class="btn btn-default glyphicon glyphicon-forward" title="Asignar" id="btnAsignar"></button>
									</div>
									<div style="height=50px;">&nbsp;</div>
									<div class="btn-group btn-group-justified">
										<button type="button" class="btn btn-default glyphicon glyphicon-backward " title="Desasignar" id="btnDesasignar"></button>
									</div>
								</div>
								<div class="col-md-5">
									<div class="form-group">
										<label for="perfiles">Perfiles asignados</label>
							
										<select size="8" name="perfiles_asignados" id="perfiles_asignados" class="form-control" multiple="multiple">
										<%
											if(user.getPerfiles()!=null) {
												
												ArrayList<Perfil> pfs = (ArrayList<Perfil>)user.getPerfiles();
												int q = pfs.size();
												for(int i = 0; i < q; i++) {
													
										%>
													<option value="<%= pfs.get(i).getIdPerfil() %>" title="<%= pfs.get(i).getDetallePerfil()%>"><%= pfs.get(i).getNombrePerfil()%></option>
										<%
													
												}
											}
										%>
										</select>
									</div>											
								
								</div>
							</div>
							
							
					
				
							</div>	
				
						</div>
					</div>
					<div class="panel-footer text-right">
						<button type="submit" class="btn btn-primary glyphicon glyphicon-floppy-save" id="btnGrabar"> Grabar</button>
							
						<a  href="usuario?lst" type="cancel" class="btn btn-warning glyphicon glyphicon-ban-circle"> Cancelar</a>
					</div>
				</div>
			</form>
		</div>		
		
		
</div>

</body>
</html>